<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .cont .avatar{position: relative;}
    .cont .avatar input[type=file]{width:100px;height:100px;position: absolute;left:0;top:0;opacity: 0;}
    .cont .avatar img{width:100px;height:100px;}

    .setPasswordBox{position: fixed;left:0;top:0;right:0;bottom:0;background: rgba(200,200,200,0.6);display: none;justify-content: center;align-items: center;}
    .setPasswordBox .box{ width: 260px;height: 120px; background: #fff;padding: 10px;}
  </style>
</head>
<body>
  <h2 style="text-align: center;">个人中心</h2>
  <p>
    <a href="./index.html">首页</a>
    <em class="quit">退出</em>
  </p>
  <div class="cont">
    <div class="avatar">
      <img src="" alt="" class="img">
      <form class="avatarForm">
        <input type="text" name="token" value="" class="token" readonly style="visibility:hidden;position: absolute;">
        <input type="file" name="avatarImg">
      </form>
      <input type="button" value="确认修改" class="setAvatar">
    </div>
    <input type="button" value="点击修改密码" class="openSetPw">
    <p>昵称：<input type="text" class="nickName"></p>
    <p>手机号：<span class="tel"></span></p>
    <p>部门：<select class="team"></select></p>
    <p>邮箱：<input type="text" class="email"></p>
    <p>生日：<input type="date" class="birth"></p>
    <p>身份：<span class="power"></span></p>
    <p>注册时间：<span class="registerTime"></span></p>
    <p>最后登录时间：<span class="loginTime"></span></p>
    <input type="button" value="保存" class="save">
  </div>
  <div class="setPasswordBox">
    <div class="box">
      老密码：<input type="text" class="oldPassword"><br>
      新密码：<input type="text" class="newPassword"><br>
      <input type="button" value="确认修改" class="setPW">
      <input type="button" value="取消修改" class="close">
    </div> 
  </div>
</body>
<script src="./js/myMain.js" type="module"></script>
</html>